
.tab{
	position: fixed;
	left: 0;
	width: 100%;
	height: 100rpx;
	display: flex; 
	color: #999999;
	justify-content: center;
	z-index: 999999;
	background: white;
	view{
		width: 30%;
		line-height: 100rpx;
		text-align: center; 
		position: relative;
	}
	.act{
		color:rgba(40,40,40,1); 
		background:linear-gradient(-30deg,rgba(255,136,56,1) 0%, rgba(255,101,60,1) 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		i{
			position:absolute ;
			bottom: 0;
			left: 50%;
			transform: translate(-50%,0);
			color: #000;
			width:44rpx;
			height:8rpx;
			background:linear-gradient(94deg,rgba(255,136,56,1),rgba(255,101,60,1));
			border-radius:4rpx;
		}
		
	}
}

.txtConten{
	padding-top: 30rpx;
}
.txt{
	background: #F0F0F0;
	padding: 30rpx; 
	border-radius:20rpx;
}
button{
	margin-top: 60rpx;
}
.bottom{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100rpx;
	display: flex; 
	color: white;
	justify-content: center;
	z-index: 999999;
	background: white;
	font-size: 30rpx;
	view{
		width: 50%;
		line-height: 100rpx;
		text-align: center;
	}
	view:nth-of-type(1){
		background: #FFEFE5;
		color: #333333;
	}
	view:nth-of-type(2){
	background:linear-gradient(94deg,rgba(255,136,56,1),rgba(255,101,60,1));
	}
}
.hides{
	position: fixed;
	right: 0;
	top: 0;
}
.sharesBottom{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 280rpx; 
	justify-content: center;
	z-index: 999999;
	background: white;
	font-size: 30rpx;
	.title{
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		position: relative;
	}
	i{
		position:absolute ;
		top: 50%; 
		transform: translate(0,-50%); 
		width:40%;
		height:1rpx; 
		background:#e5e5e5;
	}
	.br1{ 
		left: 0; 
	}
	.br2{ 
		right: 0; 
	}
	.sharesBottomBox{
		display: flex;
	}
}
.sharesBottomBox view{
	width: 50%; 
	text-align: center;
	image{
		width: 94rpx;
		height: 94rpx;
		display: block;
		margin: auto;
		margin-bottom: 10rpx;
	}
}